<template>
  <button class="louieaa-btn" @click="onMyClick">
    louiebb is {{ count }} years old
  </button>
</template>
<script>
import { reactive, toRefs } from 'vue';
import { age } from './data.json';
export default {
  name: 'ScfButton',
  setup() {
    const state = reactive({
      count: age,
    });
    const onMyClick = () => {
      state.count++;
    };
    return {
      ...toRefs(state),
      onMyClick,
    };
  },
};
</script>
